<template>
	<view>
		<view class="body after-navber">
		    <view class="article-list">
		        <navigator class="flex-row article-item" :url="'/pages2/shop/article-detail/article-detail?id=' + item.id" v-for="(item, index) in list" :key="index">
		            <view class="flex-grow-1 flex-y-center title">
		                {{ item.name }}
		            </view>
		
		            <view class="flex-grow-0 flex-y-center">
		                <image class="pointer" src="/static/images/icon-jiantou-r.png"></image>
		            </view>
		        </navigator>
		    </view>
		</view>
	</view>
</template>

<script>
	import { Index } from '../../../apirequest/index-model.js';
	var i = new Index();
	export default {
		data() {
			return {
				list:[]
			}
		},
		onLoad() {
			this._getList()
		},
		methods: {
			_getList(){
				var that = this;
				i.get_help_list((res) => {
					if(res.code == 1){
						that.list = res.data
					}
				})
			},
		}
	}
</script>

<style>
.article-list {
    border-top: 1rpx solid #e3e3e3;
}

.article-item {
    background: #fff;
    border-bottom: 1rpx solid #e3e3e3;
    padding: 0 24rpx;
    height: 100rpx;
}

.article-item .title {
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}

.article-item .pointer {
    width: 12rpx;
    height: 24rpx;
    margin-left: 24rpx;
}
</style>
